<div id="main" style="width: 1560px;height:560px;"></div>
<script src="{{ asset('echarts/echarts/dist/echarts.js') }}"></script>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(
        document.getElementById('main'),
        'vintage'
    );

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: {!! json_encode(json_decode($series,true)['head']) !!}
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b} : {c}   {d}%"
        },
        toolbox: {
            feature: {
                dataView: {readOnly: false},
                restore: {},
                saveAsImage: {}
            }
        },
        legend: {
            data:  {!! json_encode(json_decode($series,true)['title']) !!}
        },

        series: [
            {
                name:'漏斗图',
                type:'funnel',
                left: '10%',
                top: 60,        // 上面的举例
                bottom: 60,
                // width: '80%',       // 自适应宽度
                // min: 0,
                // max: 100,
                // minSize: '0%',
                // maxSize: '100%',
                sort: 'asc',      // 默认按照 data 排序
                gap: 1,
                label: {
                    show: true,
                    position: 'inside',
                    color:'#000',
                },
                // labelLine: {
                //     length: 50,
                //     color:'black',
                //
                //     lineStyle: {
                //         width: 1,
                //         type: 'solid',
                //     }
                // },
                itemStyle: {
                    borderColor: '#fff',
                    borderWidth: 1,
                    opacity: 0.8
                },
                emphasis: {
                    label: {
                        fontSize: 13
                    }
                },
                data: {!! $data !!}
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    setTimeout(function (){
        window.onresize = function () {
            myChart.resize();
        }
    },200)
</script>
<!-- 引入 echarts.js -->
